URL='http://localhost:8601/';
var table = layui.table;
var form = layui.form;
var token= localStorage.getExpire("token");
$(function () {
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#test1' //指定元素
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#test2' //指定元素
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#test3' //指定元素
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#test4' //指定元素
        });
    });

    table.render({
        xhrFields: {
            withCredentials: true
        },
        headers:{"Authorization":token},
        elem: '#demo',
        height: 550,
        page: true,
        url: URL+'users',
        method: 'post',
        toolbar: '#toolbarDemo',
        cols: [[
            {
                field: 'user_userface',
                title: '',
                width: 52,
                templet: '<div><img style="margin-left:12px;height:25px;width:25px;border-radius:50%;line-height:50px!important;" src="{{ d.user_userface}}"></div>'
            }
            , {field: 'user_username', title: '用户姓名', width: 100, align: 'center'}
            , {field: 'user_nickname', title: '博客网名', width: 100, align: 'center'}
            , {field: 'user_sex', title: '性别', width: 60, align: 'center'}
            , {field: 'user_userBirthday', title: '生日', width: 140, align: 'center'}
            , {field: 'user_registerData', title: '注册时间', width: 140, sort: true, align: 'center'}
            , {field: 'user_phoneNumber', title: '手机号码', width: 100, align: 'center'}
            , {field: 'user_enabled', title: '状态', width: 80, templet: '#titleTpl', align: 'center'}
            , {field: 'user_email', title: '邮箱', width: 160, align: 'center'}
            , {field: 'user_score', title: '积分', width: 70, sort: true,align: 'center'}
            , {
                field: 'userLevel',
                title: '等级',
                width: 120,
                templet: '<div><a href="javascript:" class="layui-table-link">{{d.userLevel.level_name}}</a></div>'
            }, {field: 'user_signature', title: '个性签名', width: 120, align: 'center'}
            , {fixed: 'right', width: 115, align: 'center', toolbar: '#barDemo', align: 'center'} //这里的toolbar值是模板元素的选择器
        ]]
    });
    table.on('tool(test)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值
        var tr = obj.tr; //获得当前行 tr 的DOM对象
        if (layEvent === 'edit') { //编辑
            //do something
            getBuilding(data.userLevel.level_id);
            layer.open({
                //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
                type: 1,
                title: "修改用户信息",
                area: ['1250px', '610px'],
                maxmin: true, //允许全屏最小化
                anim: 1, //0-6的动画形式，-1不开启
                content: $('#popUpdateTest'),//引用的弹出层的页面层的方式加载修改界面表单
                success: function(layero,index){
                    //在回调方法中的第2个参数“index”表示的是当前弹窗的索引。
                    //通过layer.full方法将窗口放大。
                    layer.full(index);
                },
                cancel: function(index, layero){
                    if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
                        location.reload(true);
                    }
                    return false;
                }
            });
            form.val("formTest", data);
            //动态向表传递赋值可以参看文章进行修改界面的更新前数据的显示，当然也是异步请求的要数据的修改数据的获取
        } else if (layEvent === 'forbidden') {
            $.ajax({
                xhrFields: {
                    withCredentials: true
                },
                headers:{"Authorization":token},
                url:URL+'updateUserState',
                data:{user_enabled: data.user_enabled,
                    user_id: data.user_id},
                dataType: 'json',
                type: 'post',
                success: function (data) {
                    if(data==1){
                        layer.msg('成功200', {
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {
                            table.reload('demo', {
                                xhrFields: {
                                    withCredentials: true
                                },
                                headers:{"Authorization":token},
                                url: URL+'users'
                                , where: {} //设定异步数据接口的额外参数
                                //,height: 300
                            });
                        });

                    }else{
                        layer.msg('更改状态失败500', {time: 3000});
                    }
                }
            })
        } else if (layEvent === 'startUsing') {
            $.ajax({
                xhrFields: {
                    withCredentials: true
                },
                headers:{"Authorization":token},
                url:URL+'updateUserState',
                data:{user_enabled: data.user_enabled,
                    user_id: data.user_id},
                dataType: 'json',
                type: 'post',
                success: function (data) {
                    if(data==1){
                        layer.msg('编辑成功200', {
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {
                            table.reload('demo', {
                                xhrFields: {
                                    withCredentials: true
                                },
                                headers:{"Authorization":token},
                                url: URL+'users'
                                , where: {} //设定异步数据接口的额外参数
                                //,height: 300
                            });
                        });

                    }else{
                        layer.msg('更改状态失败500', {time: 3000});
                    }
                }
            })
        }
    });


});

function setFormValue() {
    var user_levelId = $("#buildId").val();
    $.ajax({
        xhrFields: {
            withCredentials: true
        },
        headers:{"Authorization":token},
        url:URL+'upUser',
        data:{user_id: $("#user_id").val(),
            user_username: $("#user_username").val(),
            user_nickname: $("#user_nickname").val(),
            user_password: $("#user_password").val(),
            user_sex: $("#user_sex").val(),
            user_userBirthday: $("#user_userBirthday").val(),
            user_registerData: $("#user_registerData").val(),
            user_phoneNumber: $("#user_phoneNumber").val(),
            user_qq: $("#user_qq").val(),
            user_weixin: $("#user_weixin").val(),
            user_enabled: $("#user_enabled").val(),
            user_email: $("#user_email").val(),
            user_userface: $("#user_userface").val(),
            user_score: $("#user_score").val(),
            user_levelId: user_levelId,
            user_signature: $("#user_signature").val()},
        dataType: 'json',
        type: 'post',
        success: function (data) {
            if(data==1){
                layer.msg('编辑成功200', {
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                }, function () {
                    location.reload(true);
                });
            } else {
                layer.msg('编辑失败500', {time: 3000})
            }
        }
    })

}

function searchUsers() {
    var table = layui.table;
    var user_enabled = $("#zhuangtai").val();
    table.reload('demo', {
        xhrFields: {
            withCredentials: true
        },
        headers:{"Authorization":token},
        url: URL+'users',
        where: {
            name: $("#userNickname").val(),
            user_enabled: user_enabled,
            user_minDate: $("#test1").val(),
            user_maxDate: $("#test2").val(),
            user_rMinDate: $("#test3").val(),
            user_rMaxDate: $("#test4").val()
        } //设定异步数据接口的额外参数
        //,height: 300
    });
}

function getBuilding(level_id) {
    $.ajax({
        xhrFields: {
            withCredentials: true
        },
        headers:{"Authorization":token},
        url: URL+"findLevelAll",
        dataType: 'json',
        type: 'post',
        success: function (data) {
            var strhtml = "<option></option>";
            $.each(data, function (index, item) {
                if (item.level_id == level_id) {
                    strhtml += "<option selected value='" + item.level_id + "'>" + item.level_name + "</option>"
                } else {
                    strhtml += "<option value='" + item.level_id + "'>" + item.level_name + "</option>"
                }
                //$('#buildId').append(new Option(item.level_name,item.level_id));// 下拉菜单里添加元素
            });
            $("#buildId").html(strhtml);
            layui.form.render("select");//重新渲染 固定写法
        }
    });
};